// 导入混入scss文件
@import "./mixin.scss";
@import "./section1.scss";
@import "./alive-design.scss";
@import "./alive-ui.scss";
@import "./new-design.scss";
@import "./word-design.scss";
@import "./personal-design.scss";
@import "./variant.scss";
@import "./engine.scss";
@import "./lipro.scss";
@import "./shield.scss";
@import "./aicy-features-wrap.scss";
@import "./experience.scss";
@import "./efficiency.scss";
@import "./onemind-title.scss";
@import "./memory-optimization.scss";
@import "./cttl-experiment.scss";
@import "./privacy-safe.scss";
@import "./deposit-box.scss";
@import "./stealth.scss";
@import "./shared-screen.scss";
@import "./artifact.scss";
@import "./other-function.scss";
@import "./screen.scss";

section[tag="section"] {
  height: 230vh;
  padding: 0;
  background: linear-gradient(180deg, #000, #040306);
  & .bg {
    width: 100%;
    height: 80vh;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    @include flex-center;
  }
  & .title {
    margin: 0;
    padding: 0;
    font-size: 7vw;
    text-align: center;
    color: #fff;
    font-weight: 250;
    letter-spacing: 0.45em;
    text-indent: 0.45em;
  }
  & .video-wrap {
    padding: 0;
    height: 100vh;
  }
  & .content {
    height: 100%;
    position: relative;
    transition: transform 0.4s, borderRadius 0.4s;
  }
  & .f-title-wrap {
    padding-top: 10vh;
  }
  & video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
  }
  & .footnote {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 2;
    & .descible {
      color: #fff;
      border-left: 1px solid #fff;
      padding-left: 20px;
      margin-left: 20px;
      font-size: 14px;
    }
  }
}

// 亮色
.light {
  background: #fff !important;
  & .bg {
    background-color: #fff !important;
    background-size: 0 !important;
    & .title {
      color: #000;
    }
  }
  & .content {
    transform: scale(0.94) !important;
  }
  & video {
    border-radius: 4vw !important;
  }
}
